<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8" />
		<meta name="Keywords" Content="婚礼包办,婚礼策划，爱情,蜜月,婚礼用品">
		<meta name="Description" Content="为用户提供婚礼策划、婚车租赁、婚纱摄影、蜜月旅行以及周边服务商品的商城，为用户提供一站式解决方案，解决用户在婚礼各个环节中遇到的困难。">
		<link rel="shortcut icon" type="image/x-icon" href="../img/static/shemher.ico" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>相合网_高品质婚礼服务</title>
		<link rel="stylesheet" type="text/css" href="../css/mod/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/mod/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mod/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/page/hotel.css" />
	</head>
	<body>
		<!--S头部-->
		<div class="header">

		</div>
		<!--E头部-->

		<!--S轮播导航-->
		<div class="slider">
			<ul>
			</ul>
		</div>
		<!--E轮播导航-->

		<!--S面包屑导航	-->
		<div class="crumb wrap">
			<a href="" class="mod-info">首页 > </a>
			<a href="" class="mod-info"> 婚礼策划 </a>
		</div>
		<!--E面包屑导航	-->
		<div class="wrap">
			<div class="plan-shift">
				<ul>
					<li ><a href="planpackage_list.html">套餐</a></li>
					<li class="active"><a href="avascript:void(0);">商家</a></li>
				</ul>
			</div>
			<!--S选择框-->
			<div class="select">
				<ul>
					<li class="clearfix">
						<div class="fl select-part-tit"><span class="select-tit" data-type="prices">价格:</span></div>
						<div class="fl select-part-wrap">
							<a href="javascript:void(0);" class="select-part select-active" data-id="1">不限</a>
							<a href="javascript:void(0);" class="select-part">1万以下</a>
							<a href="javascript:void(0);" class="select-part">1万-2万</a>
							<a href="javascript:void(0);" class="select-part">2万-3万</a>
							<a href="javascript:void(0);" class="select-part">3万-4万</a>
							<a href="javascript:void(0);" class="select-part">4万-5万</a>
							<a href="javascript:void(0);" class="select-part">5万以上</a>
						</div>
					</li>
					<!--<li class="clearfix">
						<div class="fl select-part-tit">
							<span class="select-tit" data-type="regions">区域:</span>
						</div>
						<div class="fl select-part-wrap">
							<a href="javascript:void(0);" class="select-part ">不限</a>
							<a href="javascript:void(0);" class="select-part">渝中区</a>
							<a href="javascript:void(0);" class="select-part">江北区</a>
							<a href="javascript:void(0);" class="select-part">南岸区</a>
							<a href="javascript:void(0);" class="select-part">北碚区</a>
							<a href="javascript:void(0);" class="select-part select-active" data-id="5">沙坪坝区</a>
							<a href="javascript:void(0);" class="select-part">大渡口区</a>
							<a href="javascript:void(0);" class="select-part">九龙坡区</a>
							<a href="javascript:void(0);" class="select-part">万盛区</a>
							<a href="javascript:void(0);" class="select-part">万州区</a>
							<a href="javascript:void(0);" class="select-part">涪陵区</a>
							<a href="javascript:void(0);" class="select-part">黔江区</a>
							<a href="javascript:void(0);" class="select-part">合川区</a>
							<a href="javascript:void(0);" class="select-part">万盛区</a>
							<a href="javascript:void(0);" class="select-part">永川区</a>
							<a href="javascript:void(0);" class="select-part">南岸区</a>
							<a href="javascript:void(0);" class="select-part">其他</a>
						</div>
					</li>-->
				</ul>
			</div>
			<div class="rank mod-info clearfix">
				<div class="fl select-part-tit">
					<span class="select-tit">排序:</span>
				</div>
				<div class="fl select-part-wrap">
					<a href="javascript:void(0);" class="select-part active">综合</a>
					<a href="javascript:void(0);" class="select-part up">价格</a>
					<a href="javascript:void(0);" class="select-part down">人气</a>
					<a href="javascript:void(0);" class="select-part">最新</a>
				</div>
				<div class="fr page-shift">
					<span class="pre-btn"></span>
					<span class="page-nownum">1</span>
					<span class="page-allnum">/ &nbsp;4</span>
					<span class="next-btn"></span>
				</div>
			</div>
			<!--S商家策划列表-->
			<div class="palnshop-wrap mt40" id="palnshopwrap">
				<div class="palnshop clearfix">
					<div class="planshop-img fl">
						<a href="">
						<img src="../img/online/230x180.png"/>
						</a>
					</div>
					<div class="planshop-con fl">
						<h1 class="mod-bigtit">西塔婚礼策划</h1>
						<p class="mod-intro mt10">我们拒绝奢侈铺张，只要适合就是最好！</p>
						<div class="planshop-gift mod-info ">
							<p class="gifts"><span class="gift-dj">到店礼：</span><span class="gift-txt" >进店赠送婚礼筹备书一份 </span></p>
							<p class="gifts"><span class="gift-yh">优惠礼：</span><span class="gift-txt">签单赠送定制电子请柬、婚礼电子相册等</span></p>
							<p class="gifts"><span class="gift-zf">支付礼：</span><span class="gift-txt">通过到相合线上支付，参与独享优惠!</span></p>
						</div>
					</div>
					<div class="planshop-icon fr mod-info">
						<p class="mod-bigprice">&yen;3999-13999</p>
						<p class="mt10 case">案例 17  &nbsp; 套系 7</p>
						<div class="mt15">
							<i class="mod-sprites location-icon"></i><span class="location-txt ml10">大渡口区</span>
						</div>
						<div class="mod-star mt15">
							<i></i>
						</div>
						<div class="mod-heart mt10">14</div>
					</div>
				</div>
			</div>
			<!--E商家策划列表-->

			<!--S页数-->
			<div class="page-wrap mt60 tc">
				<span class="pre-btn first-btn"></span>
				<span class="pre-btn opre-btn"></span>
				<span class="page-btn-wrap">
				<span class="page-btn active">1</span>
				<span class="page-btn">2</span>
				<span class="page-btn">3</span>
				<span class="page-btn">4</span>
				</span>
				<span class="next-btn onext-btn"></span>
				<span class="next-btn last-btn"></span>
				<span class="gopage-wrap">
					<input type="text" name="gopage" id="gopage" value="" /><span class="page-btn go">GO</span>
				</span>
			</div>
			<!--E页数-->
			
		</div>
		<!--E选择框-->
		</div>
		<!--脚部部分-->
		<div class="footer mt100">
		</div>
		<!--脚部部分-->
		<script src="../js/mod/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/mod.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/page.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/pageActive.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		/*数据商家筛选框*/
		myAjax("xhwed.php/Plan/planScreen",planScreen ) ;
		function planScreen(data){
			var  data = JSON.parse(data);
			//console.log(data);
			drawSelect(data.result);
		 }
        listAjax("xhwed.php/Plan/planList",planList,1);
         /*渲染list列表*/
		function listAjax(ajaxUrl,drawMethod,postPage,postJson){
			 $.ajax({
				type:"post",
				url:serviceIP+ajaxUrl+"/p/"+postPage,
				dataType:"json",
				data:postJson,
				async:true,
				success:drawMethod
			});
		}
		  /*渲染商家列表的函数*/
		 function planList(data){
		 	if(data.result.totalPages!="0"){
		 	   //console.log(data);
		        var html = template('planshopJs', data.result);
		        document.getElementById('palnshopwrap').innerHTML = html;
				/*渲染页数*/
				 PAGE.maxPage=parseInt(data.result.totalPages);
				 PAGE.activePage=parseInt(data.result.nowPage);
				 PAGE.showPage=PAGE.maxPage<5?PAGE.maxPage:5;
				 PAGE.init();
				 /*渲染小分页*/
				 drawPageShift(parseInt(data.result.nowPage),parseInt(data.result.totalPages));
			 }else{alert("没有符合筛选的条件")}
		 }
		 
		 $(".select,.rank,.page-wrap").click(function(){
		 	listAjax("xhwed.php/Plan/planList",planList,PAGE.activePage,getSelectJson());
		 });
		</script>
		<script type="text/html" id="planshopJs">
		{{each planlist as item index}}
			<div class="palnshop clearfix">
					<div class="planshop-img fl">
						<a href="javascript:void(0);">
						<img src="{{item.pic}}"/>
						</a>
					</div>
					<div class="planshop-con fl">
						<h1 class="mod-bigtit">{{item.name}}</h1>
						<p class="mod-intro mt10">{{item.abstract}}</p>
						<div class="planshop-gift mod-info ">
							<p class="gifts"><span class="gift-dj">到店礼：</span><span class="gift-txt" >进店赠送婚礼筹备书一份 </span></p>
							<p class="gifts"><span class="gift-yh">优惠礼：</span><span class="gift-txt">签单赠送定制电子请柬、婚礼电子相册等</span></p>
							<p class="gifts"><span class="gift-zf">支付礼：</span><span class="gift-txt">通过到相合线上支付，参与独享优惠!</span></p>
						</div>
					</div>
					<div class="planshop-icon fr mod-info">
						<p class="mod-bigprice">&yen;{{item.prices}}</p>
						<p class="mt10 case">案例 {{item.case_num}}  &nbsp; 套系{{item.set}}</p>
						<div class="mt15 location-wrap">
							<i class="mod-sprites location-icon"></i><span class="location-txt ml10">{{item.region}}</span>
						</div>
						<div class="mod-star mt15">
							<i style="width: {{item.star*18}}px;"></i>
						</div>
						<div class="mod-heart mt10">{{item.collection_num}}</div>
					</div>
				</div>
			{{/each}}
		</script>
	</body>

</html>